// 先导入变量
@use './_variables' as *;
@use './_element-variables' as *;

// 导入 Element Plus 基础样式
@use "element-plus/theme-chalk/src/index.scss" as *;

// 自定义 Element Plus 组件样式
.el-button {
  &--primary {
    background-color: $primary-color;
    border-color: $primary-color;

    &:hover, &:focus {
      background-color: color-mix($primary-color, $background-color-white, 90%);
      border-color: color-mix($primary-color, $background-color-white, 90%);
    }
  }
}

.el-menu {
  &--horizontal {
    border-bottom: none;
  }

  &-item {
    &:hover, &:focus {
      color: $primary-color;
    }
  }
}

.el-form {
  &-item {
    margin-bottom: $spacing-base;
  }
}

.el-input {
  &__inner {
    &:hover, &:focus {
      border-color: $primary-color;
    }
  }
} 